// 时间处理插件
import dayjs from "dayjs"
import Vue from "vue"

// 设置显示的语言
import 'dayjs/locale/zh-cn'

// 引入处理相对时间的插件
import relativeTime from "dayjs/plugin/relativeTime"

// 配置使用中文语言包
dayjs.locale('zh-cn') // 全局使用

// 配置使用处理相对时间的插件
dayjs.extend(relativeTime)

// 定义全局事件过滤器，处理相对时间
// 参数1 过滤器名称
// 参数2 过滤器函数
// 使用方法 {{ 表达式 | 过滤器名称}}
// 过滤器的返回值渲染到使用过滤器的模板位置

Vue.filter('relativeTime', value => {
    return dayjs().to(dayjs(value)) // 返回的是发布文章的时间距离现在的时间
})
